<template>
    <div>
        <van-nav-bar title="标题" fixed placeholder left-arrow @click-left="back">
            <template #title>
                <van-tabs v-model="active">
                    <van-tab title="资产"></van-tab>
                    <van-tab title="项目"></van-tab>
                </van-tabs>
            </template>
        </van-nav-bar>
        <div class="search">
            <div class="type-select">
                <span>{{typeText}}</span>
                <van-icon name="arrow-down" />

          </div>
        </div>
        <van-action-sheet
            v-model="show"
            :actions="actions"
            cancel-text="取消"
            close-on-click-action
            @select="onSelect"
        />
    </div>
</template>

<script>
import backMixin from '../../../mixins/backMixin'

export default {
    mixins: [backMixin],
    name: '',
    data() {
        return {
            active: 1,
            typeText:'按名称',
            show: false,
            typeText: '按名称',
            typeKey: 1,
            actions: [{ name: '按名称', value: 1 }, { name: '按位置', value: 2 }],
        }
    },
    computed: {},
    watch: {},
    created() {},
    methods: {
        back() {
            this.navigateBack()
        },
        onSelect(action) {
            console.log(action);
            this.typeText = action.name
        }
    }
}
</script>

<style lang="scss" scoped></style>
